<script lang="ts" setup>
  import { onMounted } from 'vue';
  import { globalLogger } from '@/utils/Logger';

  const props = defineProps({
    message: {
      type: String,
      required: true,
    },
    type: {
      type: String,
      default: 'success',
    },
  });

  onMounted(() => {
    globalLogger.info(`toast mounted: 【${JSON.stringify({ props })}】`);
  });

</script>

<template>
  <div class="toast-container"></div>
</template>

<style scoped lang="scss"></style>
